// import { useState } from "react";

// 默认是服务端组件
export default async function Page() {
  // const [title, setTitle] = useState(''); // 服务端组件, 这是客户端组件的API
  const res = await fetch('https://jsonplaceholder.typicode.com/todos')
  const data = (await res.json()).slice(0, 10)
  console.log(data) // 服务端组件，这行代码只会在服务端执行
  return <ul>
    {data.map(({ title, id }: { title: string, id: string }) => {
      return <li key={id}>{title}</li>
    })}
  </ul>
}
